<div class="topnav">
    <a href="/?v={#VERSION}" class="title">AhoyDTU</a>
    <a href="javascript:void(0);" class="icon" onclick="topnav()">
        <span></span>
        <span></span>
        <span></span>
    </a>
    <div id="topnav" class="mobile">
        <a id="nav3" class="hide" href="/live?v={#VERSION}">{#NAV_LIVE}</a>
        <!--IF_ENABLE_HISTORY-->
        <a id="nav11" class="acitve" href="/history?v={#VERSION}">{#NAV_HISTORY}</a>
        <!--ENDIF_ENABLE_HISTORY-->
        <a id="nav4" class="hide" href="/serial?v={#VERSION}">{#NAV_WEBSERIAL}</a>
        <a id="nav5" class="hide" href="/setup?v={#VERSION}">{#NAV_SETTINGS}</a>
        <span class="separator"></span>
        <a id="nav6" class="hide" href="/update?v={#VERSION}">Update</a>
        <a id="nav7" class="hide" href="/system?v={#VERSION}">System</a>
        <span class="separator"></span>
        <a id="nav8" href="/api" target="_blank">REST API</a>
        <a id="nav9" href="https://docs.ahoydtu.de" target="_blank">{#NAV_DOCUMENTATION}</a>
        <a id="nav13" href="https://ahoydtu.de" target="_blank">Website</a>
        <a id="nav10" href="/about?v={#VERSION}">{#NAV_ABOUT}</a>
        <a id="nav12" href="#" class="hide" target="_blank">Custom Link</a>
        <span class="separator"></span>
        <a id="nav0" class="hide" href="/login">Login</a>
        <a id="nav1" class="hide" href="/logout">Logout</a>
    </div>
    <div id="wifiicon" class="info"></div>
</div>
